<template>
	<view class="">
		<view class="padding-20" v-if="getStorage('iphonex')"></view>
		<view class="padding-4"></view>
		<view class="padding-30"></view>
		<view class="fixed-top bg-color-w padding-lr12 box-c" >
			<slot name="top"></slot>
			<view class="padding-tb10">
				<slot>
				<view class="flex f-a-c f-j-c bg-color-b t-color-w h-44 b-radius-2 f18-size">{{text}}</view>
				</slot>
			</view>
			<view :style="{'padding-bottom': getStorage('iphonex') ? '34px' : '0'}"></view>
		</view>
	</view>
</template>
<style scoped>
.fixed-top {
	top: auto;
	bottom: 0;
}
</style>
<script>
	let self = this;
	export default {
		props: {
			text: {
				default:'保存'
			}
		},
		components: {},
		data() {
			return {
			};
		},
		onLoad: function(options) {
			self = this;
			this.init();
		},
		onShow() {
		},
		methods: {
			init() {},
		},
		computed: {},
		created() {
		},
		mounted() {},
		destroyed() {},
		onPullDownRefresh() {
		},
		onReachBottom() {
			
		}
	}
</script>